<!DOCTYPE html>
<html>
    <head>
        <title>Characters</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="js/jquery-1.6.1.js"> </script>
        <script type="text/javascript" src="js/characters.js"> </script>
        <link rel="stylesheet" href="css/common.css" />
        <link rel="stylesheet" href="css/characters.css" />
    </head>
    <body>
        <div id="char-list" >
            <j> for(var i in characters){ </j>
            <div id="<j>= characters[i].name </j>" style="background-image:url('classes/<j>= characters[i].clazz </j>/photo.png')" class="img-div"></div>
            <div class="chara-name" ><j>= characters[i].name </j></div>
            <j> } </j>
        </div>
        <form id="select-form" method="POST" action="/select">
            <input type="hidden" id="name" name="name" />
            <input type="submit" value="Start"/>
        </form>
        <a href="create" >create character</a>
        <a href="logout" >logout</a>
        <div id="error-msg-div" class="error" ></div>
    </body>
</html>
